import React from 'react';
import { Header } from 'web-component';

export default () => {
  return (
    <div
      className="bbt-demo-header"
      style={{
        width: '100%',
        height: '200vh',
        background: 'aquamarine',
        padding: '0 0',
      }}
    >
      <Header showBackground="url('http://h5-fe-shop.meitun.com/static/img/bg.7ad0e8fc.png')">
        <div
          style={{
            height: 69,
            fontSize: 12,
            display: 'flex',
            flexDirection: 'row',
            justifyContent: 'space-between',
          }}
        >
          <div>返回</div>
          <div>这是标题</div>
          <div>...</div>
        </div>
      </Header>
      <Header
        showBackground="#501bd8"
        styles={{
          top: 69,
        }}
      >
        <div
          style={{
            height: 69,
            fontSize: 12,
            display: 'flex',
            flexDirection: 'row',
            justifyContent: 'space-between',
          }}
        >
          <div>返回</div>
          <div>这是标题</div>
          <div>...</div>
        </div>
      </Header>
      <div
        style={{
          fontSize: 12,
        }}
      >
        这是body
      </div>
    </div>
  );
};
